﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../jquery-easyui-1.4.3/themes/default/easyui.css" rel="stylesheet" />
    <link href="../jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
    <meta charset="utf-8" />
    <script>
        $(function () {
            $('#dg').datagrid({
                url: '/jquery-easyui-1.4.3/demo/datagrid/datagrid_data1.json',
                method: "get",
                columns: [[
                    { field: 'productid', title: '订单号', width: 100 },
                    { field: 'productname', title: '会员卡号', width: 100 },
                    { field: 'listprice', title: '会员姓名', width: 100, align: 'right' },
                        { field: 'productid', title: '额度', width: 100 },
                    { field: 'productname', title: '实际支付', width: 100 },
                    { field: 'listprice', title: '返现金', width: 100, align: 'right' },
                { field: 'productid', title: '类型', width: 100 },
                    { field: 'productname', title: '时间', width: 100 }

                ]]
            });
        })
    </script>
</head>
<body>
    <div class="easyui-panel" title="查找会员" style="width:1200px; height:200px">

        <table cellpadding="5">
            <tr>
                <td>会员卡号/手机：<input id="txtvipid" type="text" /></td>
                <td><input id="btnSearch" type="button" value="全部消费记录" /></td>
            </tr>

        </table>

    </div>
    <div class="easyui-panel" title="消费记录列表" style="width:1200px; height:200px">

        <table cellpadding="5" id="dg"></table>

    </div>

</body>
</html>
